<template>
  <div @click="f1">
    <button @click.stop="f2">按钮</button>
    <a href="http://www.baidu.com" @click.stop.prevent="f3">百度一下</a>
  </div>
</template>

<script>
export default {
  methods: {
    f1() {
      console.log("f1");
    },
    f2() {
      console.log("f2");
    },
    f3() {
      console.log("f3");
    },
  },
};
</script>

<style>
</style>